<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>Blog</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="__PUBLIC__/css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link href="__PUBLIC__/css/css_slider.css" type="text/css" rel="stylesheet" media="all">
	<!-- banner slider -->
	<link rel="stylesheet" href="__PUBLIC__/css/style.css" type="text/css" media="all" />
	<script type='text/javascript' src='__PUBLIC__/js/bootstrap.min.js'></script>
	<link href="__PUBLIC__/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
	<!-- Style-CSS -->
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="__PUBLIC__/css/ziji.css">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->
	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese"
	 rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
	 rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>
	<!-- main banner -->
	{include file="common/header"}
	<!-- //main banner -->
	<!-- page details -->
	<div class="breadcrumb-agile">
		<ol class="breadcrumb">
			<li class="breadcrumb-item">
				<a href="{:url('Index/index')}">Home</a>
			</li>
			<li class="breadcrumb-item active" aria-current="page">彩妆</li>
		</ol>
	</div>
	<!-- //page details -->

	<!-- blog -->
	<div class="blog-w3l py-5">
		<div class="container py-xl-5 py-lg-3">
			<p class="title-sub text-center mb-sm-5 mb-4">款款心动</p>
			<div class="row blog-content pt-lg-3">
				<div class="goods">
				<!-- left side -->
				<div class="l-side">
					<ul>
						<li>
							{volist name="cz" id='cz'}
							<a href="{:url('Classfly/index')}?czid={$cz.id}">{$cz.catename}</a>
							{/volist}
						</li>
						<li>
							{volist name="hf" id='hf'}
							<a href="{:url('Classfly/index')}?czid={$hf.id}">{$hf.catename}</a>
							{/volist}
						</li>
						<li>
							{volist name="zq" id='zq'}
							<a href="{:url('Classfly/index')}?czid={$zq.id}">{$zq.catename}</a>
							{/volist}
						</li>
					</ul>
				</div>
				<!-- right side -->
				<div class="r-side">
					<ul>
						{volist name="dx" id="dx"}
						<li>
							<a href="{:url('Wenz/index')}?wid={$dx.id}">
								<img src="__PUBLIC__/static{$dx.pic}" alt="">
								<div class="cover"> 
									<p>{$dx.title}</p>
									<span></span>
									<p>{$dx.des}</p>
								</div>
							</a>
						</li>
						{/volist}
					</ul>
				</div>
				
				<!-- //right side -->
				
			</div>
		</div>
		
		</div>
	</div>
	<!-- //blog -->

	<!-- footer -->
	{include file="common/footer"}
	<!-- //footer -->

</body>

</html>